// components/Tabs/Tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    /*//需要接受数据的名称
    aaa:{
        type:String,    //要接收数据的类型
        default:''  //默认值
    }*/
    tabs:{
        type:Array,
        default:[]
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /*
    1.页面.js文件中存放事件回调函数的时候 存放在data同级目录下！！！
    2.组件.js文件存放事件回调函数的时候必须存放在methods中！！！！！！
  */
  /**
   * 组件的方法列表
   */
  /*
    1.绑定点击事件，需要在methods里面
    2.获取被点击的索引
    3.获取原素组
    4.对数组循环
        1.给每一个循环项选中属性改为false
        2.给当前索引的项加上激活选中效果就可以了
  */
  methods: {
    hanldeItemTap(e){
        /*
        const {index} = e.currentTarget.dataset  //获取索引
        let {tabs} = this.data  //获取data里面的数据
        //let tabs = this.data.tabs
        tabs.forEach((v,i) => i===index?v.isActive=true:v.isActive=false); //循环数组
        this.setData({
            tabs
        })*/
        const {index} = e.currentTarget.dataset
        this.triggerEvent("itemChange",{index})
    }
  }
})
